<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
<!--
body,td,th {
	font-size: 12px;
	line-height:20px;
}
-->
</style></head>

<body>
<p>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;<br />
  &lt;html&gt;<br />
  &lt;head&gt;<br />
  &lt;title&gt;流行的Tab菜单&lt;/title&gt;<br />
  &lt;link type=&quot;text/css&quot; href=&quot;jquery.ui/flora.tabs.css&quot; rel=&quot;stylesheet&quot; /&gt;<br />
  &lt;style type=&quot;text/css&quot;&gt;<br />
  &lt;!--<br />
  body{<br />
background:#ffe7bc;<br />
font-size:12px;<br />
font-family:Arial, Helvetica, sans-serif;<br />
}<br />
--&gt;<br />
&lt;/style&gt;<br />
&lt;script language=&quot;javascript&quot; src=&quot;jquery.ui/jquery-1.2.4a.js&quot;&gt;&lt;/script&gt;<br />
&lt;script language=&quot;javascript&quot; src=&quot;jquery.ui/ui.base.min.js&quot;&gt;&lt;/script&gt;<br />
&lt;script language=&quot;javascript&quot; src=&quot;jquery.ui/ui.tabs.min.js&quot;&gt;&lt;/script&gt;<br />
&lt;script language=&quot;javascript&quot;&gt;<br />
$(function(){<br />
//直接制作Tab菜单<br />
$(&quot;#container &gt; ul&quot;).tabs();<br />
});<br />
&lt;/script&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;div id=&quot;container&quot;&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;#fragment-1&quot;&gt;&lt;span&gt;One&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#fragment-2&quot;&gt;&lt;span&gt;Two&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#fragment-3&quot;&gt;&lt;span&gt;Three&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;#fragment-4&quot;&gt;&lt;span&gt;four&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;div id=&quot;fragment-1&quot;&gt;1111111111&lt;/div&gt;<br />
&lt;div id=&quot;fragment-2&quot;&gt;2222222222&lt;/div&gt;<br />
&lt;div id=&quot;fragment-3&quot;&gt;333333333&lt;/div&gt;</p>
<p> &lt;div id=&quot;fragment-4&quot;&gt; 4444444444444444444444444444444&lt;/div&gt;<br />
  &lt;/div&gt;<br />
  &lt;/body&gt;<br />
  &lt;/html&gt;</p>
</body>
</html>
